import './assets/main.css'

// import 'lib-flexible-zc'
import { createApp } from 'vue'
import { createPinia } from 'pinia'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import 'vant/lib/index.css';
import App from './App.vue'
import router from './router'
import { Lazyload } from 'vant'
import { Tabbar, TabbarItem } from 'vant';
import { Icon } from 'vant';
import { Swipe, SwipeItem } from 'vant';
import { Grid, GridItem } from 'vant';
import { Tab, Tabs } from 'vant';
import { PullRefresh } from 'vant';
import { List } from 'vant';
import { Empty } from 'vant';
import { Popover } from 'vant';
import { Popup } from 'vant';
import {Uploader} from 'vant';
import { Collapse, CollapseItem } from 'vant';
import { BackTop } from 'vant'
import { Field, CellGroup } from 'vant'
import { Calendar } from 'vant'
import { Divider } from 'vant'
import {Cell} from 'vant'
import { DatePicker } from 'vant'
// import VueLazyload from 'vue-lazyload'
const app = createApp(App)
app.use(Lazyload, {
   loading:'https://fastly.jsdelivr.net/npm/@vant/assets/logo.png',
   error:'https://ts4.cn.mm.bing.net/th?id=OIP-C.N9HskU7q5CrrsuzyuP2BeAHaFj&w=288&h=216&c=8&rs=1&qlt=90&o=6&cb=13&dpr=1.3&pid=3.1&rm=2'
});
app.use(createPinia())

app.use(ElementPlus)
// app.use(router)


// import { createApp } from 'vue'
// import { createPinia } from 'pinia'

// import App from './App.vue'
// import router from './router'
// import './rem/rem.js'
// const app = createApp(App)

app.use(createPinia())
app.use(Tabbar)
app.use(TabbarItem)
app.use(Icon)
app.use(Swipe)
app.use(SwipeItem)
app.use(Grid)
app.use(GridItem)
app.use(Tab)
app.use(Tabs)
app.use(PullRefresh)
app.use(List)
app.use(Empty)
app.use(Popover)
app.use(router)
app.use(BackTop)
app.use(Field)
app.use(CellGroup)
app.use(Calendar)
app.use(Divider)
app.use(Popup)
app.use(Uploader)
app.use(Cell)
app.use(DatePicker)
// app.use(VueLazyload, {
//   // 预加载1.3倍的宽度
//   preLoad: 1.3,
//   // 默认的图片加载中图片，可以是相对路径。建议为圆角图片，避免变形
//   loading: '../src/img/loading.gif',
//   // 允许捕获多少次图片加载失败，默认为3次
//   attempt: 3,
//   // 默认的图片加载失败图片，可以是相对路径。建议为圆角图片，避免变形
//   error: '../src/img/error.png',
//   // 监听scroll事件，默认只在window上触发
//   listenEvents: ['scroll'],
//   // 自定义组件，可以传入一个返回组件的函数。默认不传
//   lazyComponent: true,
//   // 自定义指令名称
//   observer: true,
//   // 自定义指令绑定的参数
//   observerOptions: {
//     // 监听目标元素的可见性变化
//     rootMargin: '0px',
//     // 监听目标元素与视口的交叉比例
//     threshold: 0.1
//   },
//   // 防抖时间
//   throttleWait: 300,
//   // 监听滚动事件
//   scroll: true,
//   // 监听resize事件
//   listenResize: true,
//   // 监听图片的真实宽高变化
//   listenImgLoad: true
// })
app.mount('#app')
